
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 16:46:29 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="insalubre">
        <span class="simulation-information-label">Description: </span>
        <span>insalubre</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68418</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692809189000,3],[1692809190000,2],[1692809191000,2],[1692809192000,2],[1692809193000,2],[1692809194000,2],[1692809195000,2],[1692809196000,2],[1692809197000,2],[1692809198000,2],[1692809199000,2],[1692809200000,2],[1692809201000,2],[1692809202000,2],[1692809203000,2],[1692809204000,2],[1692809205000,2],[1692809206000,2],[1692809207000,2],[1692809208000,2],[1692809209000,2],[1692809210000,2],[1692809211000,2],[1692809212000,2],[1692809213000,2],[1692809214000,6],[1692809215000,6],[1692809216000,6],[1692809217000,7],[1692809218000,7],[1692809219000,7],[1692809220000,7],[1692809221000,8],[1692809222000,7],[1692809223000,8],[1692809224000,8],[1692809225000,8],[1692809226000,8],[1692809227000,9],[1692809228000,9],[1692809229000,9],[1692809230000,9],[1692809231000,9],[1692809232000,10],[1692809233000,9],[1692809234000,10],[1692809235000,10],[1692809236000,10],[1692809237000,11],[1692809238000,11],[1692809239000,10],[1692809240000,11],[1692809241000,12],[1692809242000,11],[1692809243000,12],[1692809244000,11],[1692809245000,12],[1692809246000,12],[1692809247000,13],[1692809248000,12],[1692809249000,13],[1692809250000,13],[1692809251000,13],[1692809252000,13],[1692809253000,14],[1692809254000,13],[1692809255000,14],[1692809256000,14],[1692809257000,14],[1692809258000,15],[1692809259000,14],[1692809260000,15],[1692809261000,15],[1692809262000,15],[1692809263000,16],[1692809264000,15],[1692809265000,16],[1692809266000,16],[1692809267000,16],[1692809268000,16],[1692809269000,17],[1692809270000,16],[1692809271000,17],[1692809272000,17],[1692809273000,18],[1692809274000,17],[1692809275000,18],[1692809276000,17],[1692809277000,18],[1692809278000,19],[1692809279000,18],[1692809280000,18],[1692809281000,19],[1692809282000,19],[1692809283000,19],[1692809284000,20],[1692809285000,19],[1692809286000,20],[1692809287000,20],[1692809288000,20],[1692809289000,20],[1692809290000,20],[1692809291000,21],[1692809292000,21],[1692809293000,21],[1692809294000,21],[1692809295000,22],[1692809296000,21],[1692809297000,22],[1692809298000,22],[1692809299000,22],[1692809300000,22],[1692809301000,23],[1692809302000,23],[1692809303000,23],[1692809304000,23],[1692809305000,23],[1692809306000,24],[1692809307000,24],[1692809308000,24],[1692809309000,24],[1692809310000,24],[1692809311000,25],[1692809312000,24],[1692809313000,25],[1692809314000,25],[1692809315000,25],[1692809316000,25],[1692809317000,26],[1692809318000,26],[1692809319000,26],[1692809320000,26],[1692809321000,26],[1692809322000,27],[1692809323000,26],[1692809324000,27],[1692809325000,27],[1692809326000,27],[1692809327000,28],[1692809328000,28],[1692809329000,27],[1692809330000,28],[1692809331000,29],[1692809332000,28],[1692809333000,29],[1692809334000,28],[1692809335000,29],[1692809336000,29],[1692809337000,30],[1692809338000,29],[1692809339000,30],[1692809340000,30],[1692809341000,30],[1692809342000,30],[1692809343000,31],[1692809344000,30],[1692809345000,31],[1692809346000,31],[1692809347000,31],[1692809348000,32],[1692809349000,31],[1692809350000,32],[1692809351000,32],[1692809352000,32],[1692809353000,33],[1692809354000,32],[1692809355000,33],[1692809356000,33],[1692809357000,33],[1692809358000,33],[1692809359000,34],[1692809360000,33],[1692809361000,34],[1692809362000,34],[1692809363000,35],[1692809364000,34],[1692809365000,35],[1692809366000,34],[1692809367000,35],[1692809368000,36],[1692809369000,35],[1692809370000,35],[1692809371000,36],[1692809372000,36],[1692809373000,36],[1692809374000,37],[1692809375000,36],[1692809376000,37],[1692809377000,37],[1692809378000,37],[1692809379000,37],[1692809380000,37],[1692809381000,38],[1692809382000,38],[1692809383000,38],[1692809384000,38],[1692809385000,39],[1692809386000,38],[1692809387000,39],[1692809388000,39],[1692809389000,39],[1692809390000,39],[1692809391000,40],[1692809392000,40],[1692809393000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692809189000,3],[1692809190000,2],[1692809191000,2],[1692809192000,2],[1692809193000,2],[1692809194000,2],[1692809195000,2],[1692809196000,2],[1692809197000,2],[1692809198000,2],[1692809199000,2],[1692809200000,2],[1692809201000,2],[1692809202000,2],[1692809203000,2],[1692809204000,2],[1692809205000,2],[1692809206000,2],[1692809207000,2],[1692809208000,2],[1692809209000,2],[1692809210000,2],[1692809211000,2],[1692809212000,2],[1692809213000,2],[1692809214000,6],[1692809215000,7],[1692809216000,7],[1692809217000,8],[1692809218000,8],[1692809219000,9],[1692809220000,9],[1692809221000,10],[1692809222000,11],[1692809223000,11],[1692809224000,11],[1692809225000,12],[1692809226000,13],[1692809227000,13],[1692809228000,13],[1692809229000,14],[1692809230000,15],[1692809231000,15],[1692809232000,16],[1692809233000,16],[1692809234000,17],[1692809235000,17],[1692809236000,18],[1692809237000,18],[1692809238000,19],[1692809239000,19],[1692809240000,20],[1692809241000,20],[1692809242000,21],[1692809243000,22],[1692809244000,21],[1692809245000,23],[1692809246000,23],[1692809247000,24],[1692809248000,24],[1692809249000,25],[1692809250000,25],[1692809251000,26],[1692809252000,26],[1692809253000,26],[1692809254000,27],[1692809255000,28],[1692809256000,28],[1692809257000,29],[1692809258000,29],[1692809259000,30],[1692809260000,30],[1692809261000,31],[1692809262000,31],[1692809263000,32],[1692809264000,33],[1692809265000,33],[1692809266000,33],[1692809267000,34],[1692809268000,34],[1692809269000,35],[1692809270000,36],[1692809271000,36],[1692809272000,36],[1692809273000,38],[1692809274000,37],[1692809275000,38],[1692809276000,39],[1692809277000,39],[1692809278000,40],[1692809279000,40],[1692809280000,41],[1692809281000,41],[1692809282000,42],[1692809283000,42],[1692809284000,43],[1692809285000,43],[1692809286000,44],[1692809287000,44],[1692809288000,45],[1692809289000,46],[1692809290000,46],[1692809291000,47],[1692809292000,48],[1692809293000,48],[1692809294000,48],[1692809295000,48],[1692809296000,49],[1692809297000,50],[1692809298000,50],[1692809299000,51],[1692809300000,51],[1692809301000,52],[1692809302000,52],[1692809303000,53],[1692809304000,53],[1692809305000,54],[1692809306000,54],[1692809307000,55],[1692809308000,55],[1692809309000,56],[1692809310000,56],[1692809311000,57],[1692809312000,58],[1692809313000,58],[1692809314000,58],[1692809315000,59],[1692809316000,60],[1692809317000,60],[1692809318000,60],[1692809319000,61],[1692809320000,62],[1692809321000,62],[1692809322000,63],[1692809323000,63],[1692809324000,64],[1692809325000,64],[1692809326000,65],[1692809327000,65],[1692809328000,66],[1692809329000,66],[1692809330000,67],[1692809331000,67],[1692809332000,68],[1692809333000,69],[1692809334000,69],[1692809335000,71],[1692809336000,71],[1692809337000,71],[1692809338000,72],[1692809339000,72],[1692809340000,72],[1692809341000,73],[1692809342000,73],[1692809343000,73],[1692809344000,74],[1692809345000,75],[1692809346000,75],[1692809347000,76],[1692809348000,76],[1692809349000,77],[1692809350000,77],[1692809351000,78],[1692809352000,78],[1692809353000,79],[1692809354000,80],[1692809355000,80],[1692809356000,79],[1692809357000,82],[1692809358000,81],[1692809359000,82],[1692809360000,83],[1692809361000,83],[1692809362000,83],[1692809363000,85],[1692809364000,84],[1692809365000,85],[1692809366000,86],[1692809367000,86],[1692809368000,87],[1692809369000,87],[1692809370000,88],[1692809371000,88],[1692809372000,89],[1692809373000,89],[1692809374000,90],[1692809375000,90],[1692809376000,91],[1692809377000,91],[1692809378000,92],[1692809379000,93],[1692809380000,93],[1692809381000,94],[1692809382000,94],[1692809383000,95],[1692809384000,96],[1692809385000,95],[1692809386000,96],[1692809387000,97],[1692809388000,97],[1692809389000,98],[1692809390000,98],[1692809391000,99],[1692809392000,99],[1692809393000,95]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692809189000,3],[1692809190000,2],[1692809191000,2],[1692809192000,2],[1692809193000,2],[1692809194000,2],[1692809195000,2],[1692809196000,2],[1692809197000,2],[1692809198000,1],[1692809199000,5],[1692809200000,8],[1692809201000,8],[1692809202000,9],[1692809203000,2],[1692809204000,5],[1692809205000,2],[1692809206000,7],[1692809207000,5],[1692809208000,5],[1692809209000,3],[1692809210000,8],[1692809211000,5],[1692809212000,5],[1692809213000,3],[1692809214000,7],[1692809215000,11],[1692809216000,14],[1692809217000,18],[1692809218000,22],[1692809219000,25],[1692809220000,28],[1692809221000,31],[1692809222000,34],[1692809223000,38],[1692809224000,40],[1692809225000,45],[1692809226000,48],[1692809227000,52],[1692809228000,55],[1692809229000,58],[1692809230000,61],[1692809231000,64],[1692809232000,67],[1692809233000,73],[1692809234000,75],[1692809235000,79],[1692809236000,81],[1692809237000,85],[1692809238000,89],[1692809239000,92],[1692809240000,96],[1692809241000,99],[1692809242000,102],[1692809243000,105],[1692809244000,108],[1692809245000,111],[1692809246000,113],[1692809247000,118],[1692809248000,123],[1692809249000,126],[1692809250000,128],[1692809251000,132],[1692809252000,135],[1692809253000,138],[1692809254000,142],[1692809255000,147],[1692809256000,149],[1692809257000,153],[1692809258000,156],[1692809259000,159],[1692809260000,163],[1692809261000,166],[1692809262000,170],[1692809263000,173],[1692809264000,175],[1692809265000,180],[1692809266000,181],[1692809267000,184],[1692809268000,191],[1692809269000,193],[1692809270000,196],[1692809271000,199],[1692809272000,202],[1692809273000,206],[1692809274000,206],[1692809275000,214],[1692809276000,215],[1692809277000,219],[1692809278000,223],[1692809279000,227],[1692809280000,229],[1692809281000,233],[1692809282000,236],[1692809283000,241],[1692809284000,243],[1692809285000,245],[1692809286000,249],[1692809287000,255],[1692809288000,255],[1692809289000,259],[1692809290000,262],[1692809291000,266],[1692809292000,269],[1692809293000,273],[1692809294000,273],[1692809295000,277],[1692809296000,282],[1692809297000,288],[1692809298000,291],[1692809299000,294],[1692809300000,296],[1692809301000,299],[1692809302000,301],[1692809303000,309],[1692809304000,308],[1692809305000,316],[1692809306000,315],[1692809307000,320],[1692809308000,323],[1692809309000,325],[1692809310000,331],[1692809311000,333],[1692809312000,338],[1692809313000,342],[1692809314000,342],[1692809315000,346],[1692809316000,346],[1692809317000,353],[1692809318000,360],[1692809319000,359],[1692809320000,364],[1692809321000,368],[1692809322000,370],[1692809323000,371],[1692809324000,375],[1692809325000,379],[1692809326000,383],[1692809327000,385],[1692809328000,389],[1692809329000,393],[1692809330000,395],[1692809331000,401],[1692809332000,403],[1692809333000,407],[1692809334000,409],[1692809335000,411],[1692809336000,417],[1692809337000,420],[1692809338000,421],[1692809339000,427],[1692809340000,431],[1692809341000,436],[1692809342000,438],[1692809343000,440],[1692809344000,443],[1692809345000,449],[1692809346000,452],[1692809347000,453],[1692809348000,456],[1692809349000,463],[1692809350000,462],[1692809351000,466],[1692809352000,475],[1692809353000,475],[1692809354000,479],[1692809355000,482],[1692809356000,479],[1692809357000,490],[1692809358000,488],[1692809359000,496],[1692809360000,498],[1692809361000,501],[1692809362000,503],[1692809363000,508],[1692809364000,510],[1692809365000,514],[1692809366000,515],[1692809367000,523],[1692809368000,525],[1692809369000,525],[1692809370000,531],[1692809371000,533],[1692809372000,536],[1692809373000,546],[1692809374000,542],[1692809375000,547],[1692809376000,551],[1692809377000,555],[1692809378000,556],[1692809379000,558],[1692809380000,566],[1692809381000,568],[1692809382000,571],[1692809383000,575],[1692809384000,577],[1692809385000,583],[1692809386000,584],[1692809387000,589],[1692809388000,592],[1692809389000,596],[1692809390000,597],[1692809391000,602],[1692809392000,603],[1692809393000,580]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '8', '9'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  80.39,19.38,0.12,0.03,0.02,0.01,0.01,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692809189,null],[1692809190,null],[1692809191,null],[1692809192,null],[1692809193,null],[1692809194,null],[1692809195,null],[1692809196,null],[1692809197,null],[1692809198,null],[1692809199,null],[1692809200,null],[1692809201,null],[1692809202,null],[1692809203,null],[1692809204,null],[1692809205,null],[1692809206,null],[1692809207,null],[1692809208,null],[1692809209,null],[1692809210,null],[1692809211,null],[1692809212,null],[1692809213,null],[1692809214,null],[1692809215,null],[1692809216,null],[1692809217,null],[1692809218,null],[1692809219,null],[1692809220,null],[1692809221,null],[1692809222,null],[1692809223,null],[1692809224,null],[1692809225,null],[1692809226,null],[1692809227,null],[1692809228,null],[1692809229,null],[1692809230,null],[1692809231,null],[1692809232,null],[1692809233,null],[1692809234,null],[1692809235,null],[1692809236,null],[1692809237,null],[1692809238,null],[1692809239,null],[1692809240,null],[1692809241,null],[1692809242,null],[1692809243,null],[1692809244,null],[1692809245,null],[1692809246,null],[1692809247,null],[1692809248,null],[1692809249,null],[1692809250,null],[1692809251,null],[1692809252,null],[1692809253,null],[1692809254,null],[1692809255,null],[1692809256,null],[1692809257,null],[1692809258,null],[1692809259,null],[1692809260,null],[1692809261,null],[1692809262,null],[1692809263,null],[1692809264,null],[1692809265,null],[1692809266,null],[1692809267,null],[1692809268,null],[1692809269,null],[1692809270,null],[1692809271,null],[1692809272,null],[1692809273,null],[1692809274,null],[1692809275,null],[1692809276,null],[1692809277,null],[1692809278,null],[1692809279,null],[1692809280,null],[1692809281,null],[1692809282,null],[1692809283,null],[1692809284,null],[1692809285,null],[1692809286,null],[1692809287,null],[1692809288,null],[1692809289,null],[1692809290,null],[1692809291,null],[1692809292,null],[1692809293,null],[1692809294,null],[1692809295,null],[1692809296,null],[1692809297,null],[1692809298,null],[1692809299,null],[1692809300,null],[1692809301,null],[1692809302,null],[1692809303,null],[1692809304,null],[1692809305,null],[1692809306,null],[1692809307,null],[1692809308,null],[1692809309,null],[1692809310,null],[1692809311,null],[1692809312,null],[1692809313,null],[1692809314,null],[1692809315,null],[1692809316,null],[1692809317,null],[1692809318,null],[1692809319,null],[1692809320,null],[1692809321,null],[1692809322,null],[1692809323,null],[1692809324,null],[1692809325,null],[1692809326,null],[1692809327,null],[1692809328,null],[1692809329,null],[1692809330,null],[1692809331,null],[1692809332,null],[1692809333,null],[1692809334,null],[1692809335,null],[1692809336,null],[1692809337,null],[1692809338,null],[1692809339,null],[1692809340,null],[1692809341,null],[1692809342,null],[1692809343,null],[1692809344,null],[1692809345,null],[1692809346,null],[1692809347,null],[1692809348,null],[1692809349,null],[1692809350,null],[1692809351,null],[1692809352,null],[1692809353,null],[1692809354,null],[1692809355,null],[1692809356,null],[1692809357,null],[1692809358,null],[1692809359,null],[1692809360,null],[1692809361,null],[1692809362,null],[1692809363,null],[1692809364,null],[1692809365,null],[1692809366,null],[1692809367,null],[1692809368,null],[1692809369,null],[1692809370,null],[1692809371,null],[1692809372,null],[1692809373,null],[1692809374,null],[1692809375,null],[1692809376,null],[1692809377,null],[1692809378,null],[1692809379,null],[1692809380,null],[1692809381,null],[1692809382,null],[1692809383,null],[1692809384,null],[1692809385,null],[1692809386,null],[1692809387,null],[1692809388,null],[1692809389,null],[1692809390,null],[1692809391,null],[1692809392,null],[1692809393,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692809189,[6,0,6]],[1692809190,[6,0,6]],[1692809191,[6,0,6]],[1692809192,[6,0,6]],[1692809193,[6,0,6]],[1692809194,[6,0,6]],[1692809195,[6,0,6]],[1692809196,[6,0,6]],[1692809197,[6,0,6]],[1692809198,[6,0,6]],[1692809199,[6,0,6]],[1692809200,[9,0,9]],[1692809201,[12,0,12]],[1692809202,[15,0,15]],[1692809203,[10,0,10]],[1692809204,[7,0,7]],[1692809205,[6,0,6]],[1692809206,[9,0,9]],[1692809207,[10,0,10]],[1692809208,[12,0,12]],[1692809209,[7,0,7]],[1692809210,[9,0,9]],[1692809211,[9,0,9]],[1692809212,[11,0,11]],[1692809213,[6,0,6]],[1692809214,[12,0,12]],[1692809215,[21,0,21]],[1692809216,[26,0,26]],[1692809217,[30,0,30]],[1692809218,[35,0,35]],[1692809219,[37,0,37]],[1692809220,[42,0,42]],[1692809221,[47,0,47]],[1692809222,[50,0,50]],[1692809223,[55,0,55]],[1692809224,[58,0,58]],[1692809225,[62,0,62]],[1692809226,[67,0,67]],[1692809227,[70,0,70]],[1692809228,[75,0,75]],[1692809229,[77,0,77]],[1692809230,[83,0,83]],[1692809231,[86,0,86]],[1692809232,[91,0,91]],[1692809233,[94,0,94]],[1692809234,[99,0,99]],[1692809235,[102,0,102]],[1692809236,[106,0,106]],[1692809237,[110,0,110]],[1692809238,[116,0,116]],[1692809239,[118,0,118]],[1692809240,[121,0,121]],[1692809241,[127,0,127]],[1692809242,[131,0,131]],[1692809243,[135,0,135]],[1692809244,[138,0,138]],[1692809245,[142,0,142]],[1692809246,[147,0,147]],[1692809247,[151,0,151]],[1692809248,[154,0,154]],[1692809249,[159,0,159]],[1692809250,[163,0,163]],[1692809251,[167,0,167]],[1692809252,[171,0,171]],[1692809253,[174,0,174]],[1692809254,[178,0,178]],[1692809255,[182,0,182]],[1692809256,[187,0,187]],[1692809257,[190,0,190]],[1692809258,[195,0,195]],[1692809259,[199,0,199]],[1692809260,[203,0,203]],[1692809261,[206,0,206]],[1692809262,[210,0,210]],[1692809263,[216,0,216]],[1692809264,[219,0,219]],[1692809265,[222,0,222]],[1692809266,[226,0,226]],[1692809267,[232,0,232]],[1692809268,[234,0,234]],[1692809269,[239,0,239]],[1692809270,[243,0,243]],[1692809271,[247,0,247]],[1692809272,[250,0,250]],[1692809273,[256,0,256]],[1692809274,[259,0,259]],[1692809275,[262,0,262]],[1692809276,[267,0,267]],[1692809277,[271,0,271]],[1692809278,[275,0,275]],[1692809279,[279,0,279]],[1692809280,[282,0,282]],[1692809281,[288,0,288]],[1692809282,[290,0,290]],[1692809283,[295,0,295]],[1692809284,[299,0,299]],[1692809285,[304,0,304]],[1692809286,[305,0,305]],[1692809287,[311,0,311]],[1692809288,[316,0,316]],[1692809289,[318,0,318]],[1692809290,[323,0,323]],[1692809291,[328,0,328]],[1692809292,[331,0,331]],[1692809293,[336,0,336]],[1692809294,[338,0,338]],[1692809295,[343,0,343]],[1692809296,[347,0,347]],[1692809297,[351,0,351]],[1692809298,[356,0,356]],[1692809299,[359,0,359]],[1692809300,[362,0,362]],[1692809301,[368,0,368]],[1692809302,[372,0,372]],[1692809303,[375,0,375]],[1692809304,[379,0,379]],[1692809305,[383,0,383]],[1692809306,[387,0,387]],[1692809307,[391,0,391]],[1692809308,[396,0,396]],[1692809309,[399,0,399]],[1692809310,[403,0,403]],[1692809311,[406,0,406]],[1692809312,[413,0,413]],[1692809313,[415,0,415]],[1692809314,[419,0,419]],[1692809315,[422,0,422]],[1692809316,[428,0,428]],[1692809317,[432,0,432]],[1692809318,[435,0,435]],[1692809319,[440,0,440]],[1692809320,[443,0,443]],[1692809321,[447,0,447]],[1692809322,[452,0,452]],[1692809323,[456,0,456]],[1692809324,[458,0,458]],[1692809325,[463,0,463]],[1692809326,[468,0,468]],[1692809327,[472,0,472]],[1692809328,[476,0,476]],[1692809329,[478,0,478]],[1692809330,[483,0,483]],[1692809331,[488,0,488]],[1692809332,[491,0,491]],[1692809333,[496,0,496]],[1692809334,[500,0,500]],[1692809335,[502,0,502]],[1692809336,[508,0,508]],[1692809337,[512,0,512]],[1692809338,[516,0,516]],[1692809339,[520,0,520]],[1692809340,[523,0,523]],[1692809341,[528,0,528]],[1692809342,[532,0,532]],[1692809343,[534,0,534]],[1692809344,[540,0,540]],[1692809345,[543,0,543]],[1692809346,[548,0,548]],[1692809347,[552,0,552]],[1692809348,[556,0,556]],[1692809349,[559,0,559]],[1692809350,[564,0,564]],[1692809351,[568,0,568]],[1692809352,[571,0,571]],[1692809353,[575,0,575]],[1692809354,[582,0,582]],[1692809355,[583,0,583]],[1692809356,[587,0,587]],[1692809357,[591,0,591]],[1692809358,[596,0,596]],[1692809359,[601,0,601]],[1692809360,[602,0,602]],[1692809361,[609,0,609]],[1692809362,[611,0,611]],[1692809363,[617,0,617]],[1692809364,[620,0,620]],[1692809365,[624,0,624]],[1692809366,[627,0,627]],[1692809367,[631,0,631]],[1692809368,[638,0,638]],[1692809369,[639,0,639]],[1692809370,[643,0,643]],[1692809371,[649,0,649]],[1692809372,[652,0,652]],[1692809373,[656,0,656]],[1692809374,[660,0,660]],[1692809375,[663,0,663]],[1692809376,[669,0,669]],[1692809377,[672,0,672]],[1692809378,[676,0,676]],[1692809379,[681,0,681]],[1692809380,[683,0,683]],[1692809381,[687,0,687]],[1692809382,[692,0,692]],[1692809383,[697,0,697]],[1692809384,[700,0,700]],[1692809385,[704,0,704]],[1692809386,[707,0,707]],[1692809387,[713,0,713]],[1692809388,[717,0,717]],[1692809389,[721,0,721]],[1692809390,[723,0,723]],[1692809391,[727,0,727]],[1692809392,[733,0,733]],[1692809393,[1074,0,1074]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692809189,[6,0,6]],[1692809190,[6,0,6]],[1692809191,[6,0,6]],[1692809192,[6,0,6]],[1692809193,[6,0,6]],[1692809194,[6,0,6]],[1692809195,[6,0,6]],[1692809196,[6,0,6]],[1692809197,[6,0,6]],[1692809198,[6,0,6]],[1692809199,[6,0,6]],[1692809200,[9,0,9]],[1692809201,[12,0,12]],[1692809202,[15,0,15]],[1692809203,[10,0,10]],[1692809204,[7,0,7]],[1692809205,[6,0,6]],[1692809206,[9,0,9]],[1692809207,[10,0,10]],[1692809208,[12,0,12]],[1692809209,[7,0,7]],[1692809210,[9,0,9]],[1692809211,[9,0,9]],[1692809212,[11,0,11]],[1692809213,[6,0,6]],[1692809214,[12,0,12]],[1692809215,[21,0,21]],[1692809216,[26,0,26]],[1692809217,[30,0,30]],[1692809218,[35,0,35]],[1692809219,[37,0,37]],[1692809220,[42,0,42]],[1692809221,[47,0,47]],[1692809222,[50,0,50]],[1692809223,[55,0,55]],[1692809224,[58,0,58]],[1692809225,[62,0,62]],[1692809226,[67,0,67]],[1692809227,[70,0,70]],[1692809228,[75,0,75]],[1692809229,[77,0,77]],[1692809230,[83,0,83]],[1692809231,[86,0,86]],[1692809232,[91,0,91]],[1692809233,[94,0,94]],[1692809234,[99,0,99]],[1692809235,[102,0,102]],[1692809236,[106,0,106]],[1692809237,[110,0,110]],[1692809238,[116,0,116]],[1692809239,[118,0,118]],[1692809240,[121,0,121]],[1692809241,[127,0,127]],[1692809242,[131,0,131]],[1692809243,[135,0,135]],[1692809244,[138,0,138]],[1692809245,[142,0,142]],[1692809246,[147,0,147]],[1692809247,[151,0,151]],[1692809248,[153,0,153]],[1692809249,[160,0,160]],[1692809250,[163,0,163]],[1692809251,[167,0,167]],[1692809252,[171,0,171]],[1692809253,[174,0,174]],[1692809254,[178,0,178]],[1692809255,[182,0,182]],[1692809256,[186,0,186]],[1692809257,[191,0,191]],[1692809258,[195,0,195]],[1692809259,[199,0,199]],[1692809260,[203,0,203]],[1692809261,[206,0,206]],[1692809262,[210,0,210]],[1692809263,[215,0,215]],[1692809264,[220,0,220]],[1692809265,[222,0,222]],[1692809266,[226,0,226]],[1692809267,[232,0,232]],[1692809268,[234,0,234]],[1692809269,[239,0,239]],[1692809270,[243,0,243]],[1692809271,[247,0,247]],[1692809272,[250,0,250]],[1692809273,[256,0,256]],[1692809274,[259,0,259]],[1692809275,[262,0,262]],[1692809276,[267,0,267]],[1692809277,[270,0,270]],[1692809278,[276,0,276]],[1692809279,[279,0,279]],[1692809280,[282,0,282]],[1692809281,[288,0,288]],[1692809282,[290,0,290]],[1692809283,[295,0,295]],[1692809284,[299,0,299]],[1692809285,[303,0,303]],[1692809286,[306,0,306]],[1692809287,[311,0,311]],[1692809288,[316,0,316]],[1692809289,[318,0,318]],[1692809290,[323,0,323]],[1692809291,[327,0,327]],[1692809292,[332,0,332]],[1692809293,[335,0,335]],[1692809294,[339,0,339]],[1692809295,[343,0,343]],[1692809296,[347,0,347]],[1692809297,[351,0,351]],[1692809298,[356,0,356]],[1692809299,[358,0,358]],[1692809300,[363,0,363]],[1692809301,[368,0,368]],[1692809302,[372,0,372]],[1692809303,[375,0,375]],[1692809304,[379,0,379]],[1692809305,[383,0,383]],[1692809306,[387,0,387]],[1692809307,[390,0,390]],[1692809308,[397,0,397]],[1692809309,[399,0,399]],[1692809310,[403,0,403]],[1692809311,[406,0,406]],[1692809312,[413,0,413]],[1692809313,[415,0,415]],[1692809314,[419,0,419]],[1692809315,[422,0,422]],[1692809316,[428,0,428]],[1692809317,[432,0,432]],[1692809318,[435,0,435]],[1692809319,[440,0,440]],[1692809320,[443,0,443]],[1692809321,[447,0,447]],[1692809322,[452,0,452]],[1692809323,[456,0,456]],[1692809324,[458,0,458]],[1692809325,[463,0,463]],[1692809326,[467,0,467]],[1692809327,[473,0,473]],[1692809328,[476,0,476]],[1692809329,[478,0,478]],[1692809330,[483,0,483]],[1692809331,[488,0,488]],[1692809332,[491,0,491]],[1692809333,[496,0,496]],[1692809334,[500,0,500]],[1692809335,[502,0,502]],[1692809336,[508,0,508]],[1692809337,[511,0,511]],[1692809338,[517,0,517]],[1692809339,[519,0,519]],[1692809340,[524,0,524]],[1692809341,[528,0,528]],[1692809342,[532,0,532]],[1692809343,[534,0,534]],[1692809344,[540,0,540]],[1692809345,[543,0,543]],[1692809346,[547,0,547]],[1692809347,[553,0,553]],[1692809348,[556,0,556]],[1692809349,[559,0,559]],[1692809350,[563,0,563]],[1692809351,[569,0,569]],[1692809352,[571,0,571]],[1692809353,[575,0,575]],[1692809354,[581,0,581]],[1692809355,[584,0,584]],[1692809356,[587,0,587]],[1692809357,[591,0,591]],[1692809358,[596,0,596]],[1692809359,[601,0,601]],[1692809360,[602,0,602]],[1692809361,[608,0,608]],[1692809362,[612,0,612]],[1692809363,[617,0,617]],[1692809364,[620,0,620]],[1692809365,[622,0,622]],[1692809366,[629,0,629]],[1692809367,[631,0,631]],[1692809368,[638,0,638]],[1692809369,[639,0,639]],[1692809370,[643,0,643]],[1692809371,[649,0,649]],[1692809372,[652,0,652]],[1692809373,[656,0,656]],[1692809374,[660,0,660]],[1692809375,[663,0,663]],[1692809376,[669,0,669]],[1692809377,[672,0,672]],[1692809378,[676,0,676]],[1692809379,[681,0,681]],[1692809380,[683,0,683]],[1692809381,[686,0,686]],[1692809382,[693,0,693]],[1692809383,[697,0,697]],[1692809384,[700,0,700]],[1692809385,[704,0,704]],[1692809386,[707,0,707]],[1692809387,[713,0,713]],[1692809388,[717,0,717]],[1692809389,[720,0,720]],[1692809390,[724,0,724]],[1692809391,[727,0,727]],[1692809392,[732,0,732]],[1692809393,[1075,0,1075]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68418.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
